<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:include="include :: header"></head>
<body>
<div class="wrapper wrapper-content">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div th:include="include :: menu"></div>
            <div id="myAlert" class="alert alert-success">
                <a href="#" class="close" data-dismiss="alert">&times;</a>
                <span id="alertMsg">修改成功。</span>
            </div>
            <form class="form-inline">
                <div class="form-group">
                    <label for="account">账号</label>
                    <input type="text" class="form-control" id="account" placeholder="账号">
                </div>
                <div class="form-group">
                    <label for="account">账号类型</label>
                    <select class="form-control" id="accountType">
                        <option value="">---选择账号类型---</option>
                        <option value="010">低频</option>
                        <option value="020">活跃</option>
                        <option value="030">高频</option>
                        <option value="040">T-1</option>
                        <option value="050">40/次</option>
                        <option value="060">20/次</option>
                        <option value="070">其他</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="account">类型</label>
                    <select class="form-control" id="type">
                        <option value="">---选择类型---</option>
                        <option value="010">当日</option>
                        <option value="020">历史</option>
                    </select>
                </div>
                <button type="button" class="btn btn-primary" id="btnSearch">Search</button>
                <button type="button" class="btn btn-primary" id="addMonitor">添加</button>
            </form>
            <br/>
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>
                        #
                    </th>
                    <th>
                        账号
                    </th>
                    <th>
                        报警
                    </th>
                    <th>
                        账号类型
                    </th>
                    <th>
                        请求时间
                    </th>
                    <th>
                        返回时间
                    </th>
                    <th>
                        耗时时间
                    </th>
                    <th>
                        超时时间
                    </th>
                    <th>
                        间隔时间
                    </th>
                    <th>
                        类型
                    </th>
                    <th>
                        主体
                    </th>
                    <th>
                        请求总数
                    </th>
                    <th>
                        无效总数
                    </th>
                    <th>
                        有效总数
                    </th>
                    <th>
                        失败总数
                    </th>
                    <th>
                        返回状态
                    </th>
                    <th>
                        备注
                    </th>
                    <th>
                        创建时间
                    </th>
                    <th>
                        更新时间
                    </th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="content">
                </tbody>
            </table>
            <div class="padlr" align="right">
                <ul id="data-pagination" class="pagination">
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">修改报警间隔时间</h4>
            </div>
            <input type="hidden"  id="accountId">
            <div class="modal-body">
                <div class="form-group">
                    <label for="accountNo">账号</label>
                    <input type="text" name="accountNo" class="form-control" id="accountNo" readonly="readonly" placeholder="账号">
                </div>
                <div class="form-group">
                    <label for="account">账号类型</label>
                    <select class="form-control" id="editAccountType">
                        <option value="">---选择账号类型---</option>
                        <option value="010">低频</option>
                        <option value="020">活跃</option>
                        <option value="030">高频</option>
                        <option value="040">T-1</option>
                        <option value="050">40/次</option>
                        <option value="060">20/次</option>
                        <option value="070">其他</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="account">类型</label>
                    <select class="form-control" id="editType">
                        <option value="">---选择类型---</option>
                        <option value="010">当日</option>
                        <option value="020">历史</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="costTime">耗时时间(分钟)</label>
                    <input type="text" name="costTime" class="form-control" id="costTime" placeholder="耗时时间">
                </div>
                <div class="form-group">
                    <label for="costTime">超时时间(分钟)</label>
                    <input type="text" name="timeoutTime" class="form-control" id="timeoutTime" placeholder="超时时间">
                </div>
                <div class="form-group">
                    <label for="costTime">两次查询间隔时间(分钟)</label>
                    <input type="text" name="intervalTime" class="form-control" id="intervalTime" placeholder="两次查询间隔时间">
                </div>
                <div class="form-group">
                    <label for="remark">备注</label>
                    <input type="text" name="remark" class="form-control" id="remark" placeholder="备注">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">
                    关闭</button>
                <button type="button" id="editCostTimeBtn" class="btn btn-success" data-dismiss="modal">
                    保存</button>
            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/index/index.js"></script>
</body>
</html>
